<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Main页面</title>
    <link href="" th:href="@{/webjars/bootstrap/4.3.1/css/bootstrap.css}" rel="stylesheet">
    <link href="" th:href="@{/webjars/bootstrap/4.3.1/js/bootstrap.js}" rel="stylesheet">
    <link href="" th:href="@{/webjars/jquery/3.4.1/jquery.min.js}" rel="stylesheet">

</head>
<body class="text-center">

<!--引入topbar-->
<div th:replace="commons/bar ::topbar"></div>

<!--创建2:10的2列,左边放导航栏,右边放内容-->
<div class="row">
    <div class="col-sm-2" style="background-color: aliceblue">
        <!--引入左侧垂直导航sidebar-->
        <div th:replace="commons/bar :: sidebar"></div>
    </div>
    <div class="col-sm-10">
        <!--右侧内容区-->
        <table class="table">
            <thead>
            <tr>
                <th>u_id</th>
                <th>username</th>
                <th>name</th>
                <th>py</th>
                <th>type</th>
                <th>communityId</th>
                <th>role_id</th>
                <th>org_id</th>
                <th>status</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="user:${users}">
                <td th:text="${user.getuId()}"></td>
                <td th:text="${user.getUsername()}"></td>
                <td th:text="${user.getName()}"></td>
                <td th:text="${user.getPy()}"></td>
                <td th:text="${user.getType()}"></td>
                <td th:text="${user.getCommunityId()}"></td>
                <td th:text="${user.getRoleId()}"></td>
                <td th:text="${user.getOrgId()}"></td>
                <td th:text="${user.getStatus()}"></td>
                <td>
                    <button class="btn-info">编辑</button>
                    <button class="btn-danger">删除</button>
                </td>
            </tr>
            </tbody>
        </table>
        <!--分页-->
        <ul class="pagination">
            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">Next</a></li>
        </ul>
    </div>
</div>

<footer>
    <div class="jumbotron text-center" style="margin-bottom:0;height: 10px">
        <p>底部内容</p>
    </div>
</footer>
</body>
</html>